/**
 * Created by justin on 2015/7/5.
 */

$(function(){
    var GoodsBuy={
        init:function(){
            this.PcNavMore();
            this.PhoneNavMore();
            this.switchOver();
            this.MoreShow();
            this.bindNumberBtns();
            this.scrollableBox('.scrollable-box1');
            this.scrollableBox('.scrollable-box2');
            this.scrollableBox('.goodslist-kinds-box');
            this.selectGoodsType();
            this.showGoodsTypeBox();
            this.loginTab();
            this.loginBox();

        },
        PcNavMore:function(){
            $('.show-more-js').hover(function(){
                var t=40;
                var num = $(this).find('.nav-more').children().length;
                $(this).find('.nav-more').css(
                    {
                        height: t*num+'px',
                        opacity: 1
                    }
                )
            },function(){
                $(this).find('.nav-more').css(
                    {
                        height: 0,
                        opacity: 0
                    }
                )
            });
        },
        PhoneNavMore:function(){
            $('.nav-phone-more-js').click(function(){
                $(this).toggleClass('nav-phone-more-colsed');
                $(this).siblings('.nav-phone-more-container').slideToggle(500);
            });

            $('.nav-phone-son-more-js').click(function(){
                if($(this).hasClass('minus'))
                {
                    $(this).text('+').removeClass('minus').text('+');
                }else
                {
                    $(this).text('-').addClass('minus');
                }
                $(this).parent('span').siblings('.nav-phone-son-more').slideToggle(400);
            });
        },
        switchOver:function(){
            $('.switchover-on-off li').click(function(){
                var switchOver=$('.switchover-box');
                var li_index=$(this).index();
                $(this).addClass('on').siblings().removeClass('on');
                switchOver.hide().eq(li_index).show();
            });
        },
        MoreShow:function(){
            $('.switch-title').click(function(){
                $(this).children('b').toggleClass('arrows-up');
                $(this).toggleClass('colorBlack').siblings('dl').toggle();
            })
        },
        bindNumberBtns : function() {
            /*$('.d-add-btn').click(function() {
                var number = parseInt($(this).siblings('.d-number').val()||$(this).siblings('.d-number').text());
                $(this).siblings('.d-number').val(number > 0 ? ++number : 1).text(number > 0 ? ++number : 1);
            });*/
            $('.d-sub-btn').click(function() {
                var number = parseInt($('.d-number').val());
                $(this).siblings('.d-number').val(number > 0 ? --number : 0);
            });
        },
        scrollableBox:function(cls){
            var scrollBox=$(cls);
            var fatherWidth=scrollBox.parent().width();
            var sonWidth=parseInt(scrollBox.children().width())+parseInt(scrollBox.children().css('margin-right'));
            var sonNum=fatherWidth/sonWidth;
            var surplus=parseFloat(sonNum).toFixed(1)-parseInt(sonNum);
            var approximate=surplus.toFixed(1)*10;
            var rollBoxWidth=sonWidth*scrollBox.children().length;
            var rollNum=approximate>=8?parseInt(sonNum)+1:parseInt(sonNum);
            scrollBox.width(rollBoxWidth+'px');
            scrollBox.siblings('.next-js').click(function(){
                left_value=parseInt(scrollBox.css('left'));
                rollWidth=sonWidth*rollNum;
                afterRoll=fatherWidth+(-left_value);
                nextRoll=rollBoxWidth-afterRoll;
                if(nextRoll>rollWidth)
                {
                    scrollBox.css('left',left_value+(-rollWidth));
                }else
                {
                    scrollBox.css('left',left_value+(-nextRoll));
                }

            });
            scrollBox.siblings('.previous-js').click(function(){
                left_value=parseInt(scrollBox.css('left'));
                if(-left_value<fatherWidth)
                {
                    scrollBox.css('left','0');
                }else
                {
                    scrollBox.css('left',left_value+sonWidth*rollNum);
                }
            })
        },
        selectGoodsType:function(){
            $('.goods-type-son li').click(function(){
                $(this).addClass('on').siblings().removeClass('on');
            })
        },
        showGoodsTypeBox:function(){
            $('.get-type').click(function(){
                $('.xg-goods-type').fadeIn();
            });
            $('.goods-type-closed,.goods-type-son li').click(function(){
                $('.xg-goods-type').fadeOut();
            })
        },
        loginTab:function(){
            $('.modalTab span').click(function(){
                $(this).addClass('cursor').siblings().removeClass('cursor');
            })
            $('.modalTab span').eq(0).click(function(){
                $('#login-form').css('display','block');
                $('#reg-form').css('display','none');
            })
            $('.modalTab span').eq(1).click(function(){
                $('#login-form').css('display','none');
                $('#reg-form').css('display','block');
            })
        },
        loginBox:function(){
            var btnbox=$('.buttonbox');
            btnbox.on('click',function(e){e.stopPropagation()}).find('#login-button').click(function(){
                $('.face_box_warp').fadeIn(400);
            });

            btnbox.on('click',function(e){e.stopPropagation()}).children('#reg-button').click(function(){
                var fbw=$('.face_box_warp');
                fbw.fadeIn(400);
                fbw.find('#login-form').css('display','none');
                fbw.find('#reg-form').css('display','block');
                fbw.find('.modalTab span').eq(1).addClass('cursor').siblings().removeClass('cursor');
            });
            $('.face_box').on('click',function(e){e.stopPropagation()});
            $(document).click(function(){$('.face_box_warp').fadeOut(400)});
        }


    };

    GoodsBuy.init();

});